/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */


function test1(){
       var xmlhttp = new XMLHttpRequest();
       var zone = document.getElementById("main");
       xmlhttp.open("GET", "http://localhost:8080/projet_XML/ProxyAction?url=https://picasaweb.google.com/data/feed/api/user/default", true);
       xmlhttp.onreadystatechange=function() {
       if (xmlhttp.readyState==4 && xmlhttp == 200){

                  alert(xmlhttp.responseXML) ;
             }
             else
          alert("Le document recuperé est vide");
     
      xmlhttp.send("");
}
}

function test2(){
       var zone = document.getElementById("main");
       zone.innerHTML = "creation album reussi avec katka ";
}

//affiche la liste des albums du compte
//
function afficherListAlbum(){
    // creation de la requete AJAX
    var req = new XMLHttpRequest();
    //ouverture en GET et l'URL de ressource
    req.open('GET', 'test.xml', true);
    // s'il y a reponse
    req.onreadystatechange = function() {
        // Si tout c'est terminé
        if (req.readyState == 4) {
             // recupération de la div main
             var zone1 = document.getElementById("main");
             // recupération de la div footer
             var zone2 = document.getElementById("footer");
             // si tout s'est bien passé
             if(req.status == 200){
                 var doc = req.responseXML;
                 // si on obtient un document XML
                 if(doc != null){
                     //on prend l'id
                     var id = doc.getElementsByTagName("id");
                     // on crée une balise p
                     var p_id = doc.createElement("p");
                     // on met dans p la valeur de
                     p_id.innerHTML=id.nodeValue;
                     // on rajoute p à la div main
                     zone1.appendChild(p_id);
                     //on recupere la date de mise-
                     var updated = doc.getElementsByTagName("updated");
                     // on crée une balise p
                     var p_updated = doc.createElement("p");
                     // on affiche
                     p_updated.innerHTML="Dernière mise à jour: "+updated.nodeValue;
                     // on rajoute p à la div main
                     zone1.appendChild(p_updated);
                     var title = doc.getElementsByTagName("title");
                     // on crée une balise p
                     var p_title = doc.createElement("p");
                     // on met dans p la valeur de
                     p_title.innerHTML=title.nodeValue;
                     // on rajoute p à la div main
                     zone1.appendChild(p_title);
                     // on récupere le sous titre
                     var subtitle = doc.getElementsByTagName("subtitle");
                     // on crée une balise p
                     var p_subtitle = doc.createElement("p");
                     // on met dans p la valeur de 
                     p_subtitle.innerHTML=subtitle.nodeValue;
                     // on rajoute p à la div main
                     zone1.appendChild(p_subtitle);
                     var icon = doc.getElementsByTagName("icon");
                     var name = doc.getElementsByTagName("name");
                     var uri = doc.getElementsByTagName("uri");
                     var generator = doc.getElementsByTagName("generator");
                     //on récupère le contenu de la balise entry (un album: il y a autant d'entry que d'album)
                     var entries = doc.getElementsByTagName("entry");
                     for ( var i=0;i<entries.length;i++){
                         //on récupère la première balise dans entry
                         var id_entry = entries[i].getElementsByTagName("id");
                         //on crée une balise p
                         var p_id_entry = doc.createElement("a");
                         //on met la valeur de id dans p
                         p_id_entry.innerHTML=id_entry.nodeValue;
                         // on rajoute p à la div main
                         zone1.appendChild(p_id_entry);
                         // on recupère la date de la dernière mise à jour
                         var updated_entry = entries[i].getElementsByTagName("updated");
                         //on crée une balise p
                         var p_updated_entry = doc.createElement("p");
                         // on affiche la dernière mise à jour
                         p_updated_entry.innerHTML="Dernière mise à jour: "+updated_entry.nodeValue;
                         // on rajoute p à la div main
                         zone1.appendChild(p_updated_entry);
                         // recuperation du titre de
                         var title_entry = entries[i].getElementsByTagName("title");
                         //creation d'une balise p pour le titre
                         var p_title_entry = doc.createElement("p");
                         //
                         p_title_entry.innerHTML=title_entry.nodeValue;
                         // on rajoute p à la div main
                         zone1.appendChild(p_title_entry);
                         // on recupère le champs de resume
                         var summary = entries[i].getElementsByTagName("summary");
                         // on
                         var p_summary = doc.createElement("p");
                         // on rajoute p à la div main
                         p_summary.innerHTML=summary.nodeValue;

                       }
                       //création d'un bouton pour ajouter un nouvel album
                       var creerAlbum = doc.createElement("button");
                       //ajout d'un attribut onclick qui fera appel à la fonction de création d'album
                       creerAlbum.setAttribute("onclick","ajouterAlbum()");
                       //création d'un attribut id
                       creerAlbum.setAttribute("id","creeralbum");
                       // la valeur entre les balises
                       creerAlbum.innerHTML ="Créer un nouvel album";
                       //ajout du bouton au div footer
                       zone2.appendChild(creerAlbum);

                 }
             }
             else
                    zone1.innerHTML = "un problème avec le serveur  erreur: " + req.status;

             }
             req.send("");
        }
}

// generer un formulaire pour les informations de l'album
function ajouterAlbum(){
      // recuperation de main
      var zone1 = document.getElementById("main");
      // affichage du formulaire dans le div main
      var form = document.createElement("form");
      // creation de l'attribut action
      form.setAttribute("action","javascript:test2()");
      //creation de quelque champs input
      var b_titre = document.createElement("b");
      b_titre.innerHTML = "titre";
      form.appendChild(b_titre);
      var titre = document.createElement("input");
      titre.setAttribute("type", "text");
      titre.setAttribute("id", "titre");
      form.appendChild(titre);
      var br_titre1 = document.createElement("br");
      form.appendChild(br_titre1);
      var b_description = document.createElement("b");
      b_description.innerHTML = "description";
      form.appendChild(b_description);
      var description = document.createElement("input");
      description.setAttribute("type", "text");
      description.setAttribute("id","description");
      form.appendChild(description);
      var br_titre2 = document.createElement("br");
      form.appendChild(br_titre2);
      var valider = document.createElement("input");
      valider.setAttribute("type","submit");
      valider.setAttribute("value", "valider");
      form.appendChild(valider);
      zone1.appendChild(form);

}

function creerAlbum(){
    // instanciation de de la requete Ajax
    var req = new XMLHttpRequest();
    //les parametres
    var params =document.createElement("entry");
    // ouverture de la requete en POST
    req.open('POST', 'https://picasaweb.google.com/data/feed/api/user/default', true);
    req.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    if (req.readyState == 4) {
         if(req.status == 201){
             //recuperation de données du formulaire

             
         }
         else
             zone1.innerHTML = "Un probleme est survenu avec le serveur, code d'erreur: "+req.status;
                
    }
    //req.send(params);

}

//fonction pour modifier un album
function modifierAlbum(){
    var req = new XMLHttpRequest();
    var zone = document.getElementById("main");
    req.open('PUT', 'https://picasaweb.google.com/data/entry/api/user/default/albumid/albumID', true);
    //req.send(null);
    //req.getRequestHeader(AutSub, token);
    if (req.readyState == 4) {
         if(req.status == 200){
                if(doc != null){
                      zone.innerHTML = req.responseText ;
                }
         }
         else
                zone.innerHTML = req.statusText;

         }
    req.send("");

}

//supprimer un album
function supprimerAlbum(){
    var req = new XMLHttpRequest();
    var zone = document.getElementById("main");
    req.open('DELETE', 'https://picasaweb.google.com/data/entry/api/user/default/albumid/albumID', true);
    if (req.readyState == 4) {
         if(req.status == 200){
                if(doc != null){
                      zone.innerHTML = req.responseText ;
                }
         }
         else
                zone.innerHTML = req.statusText;

         }
    req.send("");


}

//affiche les photos dans l'album'
function afficherAlbum(){
    var req = new XMLHttpRequest();
    var zone = document.getElementById("main");
    req.open('GET', 'https://picasaweb.google.com/data/entry/api/user/default/albumid/albumID', true);
    if (req.readyState == 4) {
         if(req.status == 200){
                if(doc != null){
                      zone.innerHTML = req.responseText ;
                }
         }
         else
                zone.innerHTML = req.statusText;

         }
    req.send("");

}

// ajouter une photo
function ajouterPhoto(){


}
// modifier une photo
function modifierPhoto(){



}

function supprimerPhoto(){ }